<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" 	prefix="s"%>
<%@ include file="/jsp/common/common_head.jsp"%>
<!DOCTYPE HTML>
<html>
<head>
<title>示界港管理平台</title>
<%@ include file="/jsp/common/common_script.jsp"%>
<style type="text/css">
	.upload_progress{
		margin-top:2px;
	    width: 200px;
	    height: 14px;
	    margin-bottom: 10px;
	    overflow: hidden;
	    background-color: #f5f5f5;
	    border-radius: 4px;
	    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	}
	.upload_progress_bar{ 
		background-color: rgb(92, 184, 92);
		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
		background-size: 40px 40px;
		box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
		box-sizing: border-box;
		color: rgb(255, 255, 255);
		display: block;
		float: left; 
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		transition-delay: 0s;
		transition-duration: 0.6s;
		transition-property: width;
		transition-timing-function: ease;
		width: 266.188px;
	}
</style>
<script type="text/javascript">
 var g_userId = '<%=session.getAttribute("userId")%>';
</script>
</head>
<body>
<table class="queryTable" >
	<tr>
	<!-- 
		<td class="queryTitle" width="80px">用户ID</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryUserId" />
		</td>
	 -->
		<td class="queryTitle" width="80px">图片名</td>
		<td class="queryContent">
			<input class="inputText" type="text" id="queryImgName" />
		</td>
		<td class="queryBtnTd">
			<a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-search"  onclick="doQuery()">查询</a>
		</td>
	</tr>
</table>

<table id="imageGrid"></table>

<div id="addDlg" class="easyui-window" title="" closed="true" style="width:680px; height:auto;text-align:left; background: #fff;">
	<div border="false" style="padding-left:20px;">
		<form id="imgUploadForm"  method="POST">
			<%-- <s:hidden id="userId" name="userId" value=""></s:hidden>
			<table border="0" class="queryTable" width="95%" height="auto" style="margin-bottom:0px;" id="imgUploadTable">
				<tr>
					<td class="queryContent" colspan="4">
						<input type='button' id="pickImgFile" value='图片选择' style="margin-right:5px;"/>
						<input type='text' id='imgFileNm' name='imgFileNm' size="60" readonly="true" style="border:0px;"/>
					</td>
				</tr>
			</table> --%>
		    <h4>所选择文件列表：</h4>
			<div id="ossfile"></div>
			<div style="display:none;margin-top:10px" id="uploadMsg">
				<input type="text" name="msgTxt" id="msgTxt" value="处理完毕！" size="100" readonly="true" style="border:0px;left:20px;color:green"/>
		    </div>
		</form>
	</div>
	<div style="clear:both;padding-top:10px;margin-bottom:10px;text-align:center;" id="addDlgBtn">
		<a class="easyui-linkbutton" id="selFiles" iconCls="icon-add" href="javascript:void(0)" >选择文件</a>
		<a class="easyui-linkbutton" id="postFiles" iconCls="icon-ok" href="javascript:void(0)" >上传</a>
		<a class="easyui-linkbutton" iconCls="icon-cancel" href="javascript:void(0)" onclick="cancelPostData()">取消</a>
    </div>
</div>

<script type="text/javascript" src="${ctx }/js/qiniu/plupload/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/plupload/i18n/zh_CN.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/ui.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/qiniu.js"></script>
<script type="text/javascript" src="${ctx }/js/qiniu/highlight/highlight.js"></script>
<%-- <script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.1.6.min.js"></script> --%>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="${ctx }/js/lib/base64.js"></script>
<script type="text/javascript" src="${ctx }/js/material/image_info.js"></script>
</body>
</html>
